<template>
  <div class="app">
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="bootstrap">购物车（Bootstrap版）</el-menu-item>
      <el-menu-item index="elementUI">购物车（ElementUI版）</el-menu-item>
      <el-menu-item index="gouyan">狗眼看电影</el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>
<script>
    export default {
        data() {
            return {
                activeIndex: 'gouyan'
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key)
                console.log(keyPath)
                this.$router.push(key)
            }
        }
    }
</script>

<style>
  .app{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    font-family: 'FontAwesome', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #E5E9F2;
    color: #2c3e50;
  }
</style>
